  <body>
    
     
    <div role="navigation" aria-labelledby="ID_H2_SUMMARY">
      <h2 id="ID_H2_SUMMARY">Rule Summaries</h2>
      <ul class="navigation">
        <li><a onclick="showSection('ID_DIV_CATEGORY_SUMMARY')" href="#">Show Rule Category Summary</a></li>
        <li><a onclick="showSection('ID_DIV_WCAG20_SUMMARY')" href="#">Show WCAG 2.0 Summary</a></li>
      </ul>
    </div>

    <div role="navigation" aria-labelledby="ID_H2_CATEGORY">
      <h2 id="ID_H2_CATEGORY">Rule Details by Rule Category</h2>
      <ul class="navigation" id="ID_UL_NAVIGATION">
      </ul>
    </div>
    
    <div id="ID_DIV_MAIN" role="main" aria-labelledby="ID_H1_TITLE">
      <h1 id="ID_H1_TITLE"></h1>
      
      <section id="ID_DIV_CATEGORY_SUMMARY">
        
      </section>  

      <section id="ID_DIV_WCAG20_SUMMARY" style="display: none">
        
      </section>  
      
    </div>
          
  </body>
